.ourproducts .ourproductstop .ourproductstopleft{height:12px;border-bottom: 1px solid #ccc; width: 420px;}
.wraper{width:1200px; margin:0 auto}
.ourproducts .ourproductstop{width: 1004px; margin:0  auto}
.ourproducts .ourproductstop .ourproductstopright{height:12px;border-bottom: 1px solid #ccc;width: 420px;}
.ourproducts .ourproductstop .ourproductstopcenter{margin:0 20px;}
.ourproducts .ourproductstop .ourproductstopcenter h2{font-size:24px;color:#333; }
.ourproducts .ourproductstop .ourproductstopcenter span{font-size:14px;color:#999; margin-left: 18px; }
.banner{width: 100%;overflow: hidden; position: relative;}
.bannerImg{ height:556px;}
.bannerImg img{ width:1900px; position:absolute; left:50%; margin-left:-860px;}
.ourproducts{margin-top: 62px;}
.ourproducts .ourproductscontent{width: 1200px;overflow: hidden; margin-top: 49px;}
.ourproducts .ourproductscontent ul{width: 1256px;}
.ourproducts .ourproductscontent ul li{float:left; width: 260px; margin-right:53px;}
.ourproducts .ourproductscontent ul li .bg{width:177px; height:203px; background: #f6f6f6; padding-top:57px; padding-left: 83px; }
.ourproducts .ourproductscontent ul li .bg span{font-size: 20px;color:#333; display: block;margin-top: 40px;}
.ourproducts .ourproductscontent ul li h5{font-size: 18px;color: #333; margin-top: 22px;}
.ourproducts .ourproductscontent ul li .intro{font-size: 14px;color: #666; margin-top: 15px; line-height: 23px;}
.ourproducts .ourproductscontent ul .colorbgshow .bg{background:#ff7d75}
.ourproducts .ourproductscontent ul .colorbgshow .bg span{color: #fff;}

.why{background: #fafafa; margin-top: 80px; height: 742px;}
.why .title{ text-align: center; padding-top: 67px;}
.why .title h5{font-size: 30px; color: #333; }
.why .title h5 span{font-size: 30px; color: #0b95ed;}
.why .reason{ width:1200px; margin: 135px auto;}
.why .reason ul{width:1215px;}
.why .reason ul li{width:170px; height:429px; border: 1px solid #e7e8e9;background:#fff; float:left; margin-right: 13px; padding:0 28px 0 30px;}
.why .reason ul li a img{margin-top: 45px; }
.why .reason ul li a h4{font-size: 18px; color:#333; margin-top: 108px; text-align: center;}
.why .reason ul li a p{font-size: 14px; color:#666;text-align: center; margin-top: 13px; line-height: 23px;}
.why .reason ul .topposition{position: relative;}
.why .reason ul .topposition a img{position: absolute;top:-110px;left:0;}
.why .reason ul .topposition a h4{margin-top: 224px;}
.recruit{margin-top: 95px; }
.recruit .recruitright{width: 420px; margin-left: 77px; margin-top: 95px;}
.recruit .recruitright i{font-style: normal; font-size: 20px; color: #333; display: block; margin-bottom: 23px;}
.recruit .recruitright span{ font-size: 30px; color: #2281ef; display: block;margin-top: 10px;}
.recruit .recruitright a .enter{width: 220px; height: 46px; background:url(../images/duild11.png) no-repeat 190px 17px #2281ef; font-size: 24px; color: #fff; padding-top: 18px; padding-left: 40px; margin-top: 44px;}
.service{
    position: fixed;
    right:0;top:300px;
    width:45px;height:160px;
}


/*b2*/
.higthlights{margin-top: 62px;}
.higthlights .higthlightstop .higthlightstopleft{height:12px;border-bottom: 1px solid #ccc; width: 420px;}
.higthlights .higthlightstop{width: 1004px; margin:0  auto}
.higthlights .higthlightstop .higthlightstopright{height:12px;border-bottom: 1px solid #ccc;width: 420px;}
.higthlights .higthlightstop .higthlightstopcenter{margin: 0 15px 0 20px;}
.higthlights .higthlightstop .higthlightstopcenter h2{font-size:24px;color:#333; }
.higthlights .higthlightstop  .higthlightstopcenter span{font-size:14px;color:#999; margin-left: -12px; }
.higthlights .higthlightscontent{margin-top: 15px;}
.higthlights .higthlightscontent ul li{border-bottom: 1px dashed #eee; padding:68px 63px 68px 32px; width: 1004px;}
.higthlights .higthlightscontent ul li .font{width: 450px;}
.higthlights .higthlightscontent ul li .font h5{font-size:30px; color:#423220;margin-bottom: 58px; text-align: center;}
.higthlights .higthlightscontent ul li .font p{font-size:20px; color:#423220; line-height: 40px; }
.higthlights .higthlightscontent ul li .imgs{margin-left: 125px;}
.higthlights .higthlightscontent ul li .font{margin-top:50px }

.case2{background:#fafafa; margin-bottom: -200px;}
.case2 .casetop .casetopleft{height:12px;border-bottom: 1px solid #ccc; width: 420px;}
.case2 .casetop{width: 1004px; margin:0  auto;padding-top: 71px}
.case2 .casetop .casetopright{height:12px;border-bottom: 1px solid #ccc;width: 420px;}
.case2 .casetop .casetopcenter{margin: 0 15px 0 20px;}
.case2 .casetop .casecenter h2{font-size:24px;color:#333; }
.case2 .casetop  .casetopcenter span{font-size:14px;color:#999; margin-left: -12px; }
.case2 .casecontent{width: 928px; margin:0 auto; overflow: hidden }
.case2 .casecontent ul{width: 960px; }
.case2 .casecontent ul li{padding-bottom: 21px;width: 291px; background: #fff; float:left; margin-left: 29px;margin-top: 40px;}
.case2 .casecontent ul li a img{width: 288px; height: 220px;}
.case2 .casecontent ul li a h5{font-size:16px; color:#333; margin-top: 18px; text-align: center;}
.case2 .casecontent ul li p{font-size:12px; color:#b0b0b0; margin-top: 12px;text-align: center;}
.case2 a{font-size: 16px; color:#666}
.case2 .more{text-align: center; margin-top: 40px; padding-bottom: 80px;}



/*
build*/
.business ul{margin-top: 64px;}
.business ul li{width: 216px; float: left; margin-left: 66px;}
.business ul li img{margin-left: 37px;}
.business ul li h3{font-size: 24px; color:#333; margin-top: 20px;text-align: center}
.business ul li span{ display:block;font-size: 18px; color:#999; margin-top: 10px; text-align: center}

.shopcmd{margin-top: 100px; background:#fafafa;}
.shopcmd .shopcmdtop .shopcmdtopleft{height:12px;border-bottom: 1px solid #ccc; width: 420px;}
.shopcmd .shopcmdtop{width: 1004px; margin:0  auto; padding-top: 63px;}
.shopcmd .shopcmdtop .shopcmdtopright{height:12px;border-bottom: 1px solid #ccc;width: 420px;}
.shopcmd .shopcmdtop .shopcmdtopcenter{margin: 0 15px 0 20px;}
.shopcmd .shopcmdtop .shopcmdtopcenter h2{font-size:24px;color:#333; }
.shopcmd .shopcmdtop .shopcmdtopcenter span{font-size:14px;color:#999; margin-left: 35px; }
.shopcmd .shopcmdcontent{margin-top: 70px; padding-bottom: 90px; }
.shopcmd .shopcmdcontent img{margin: 0 auto;}


.solutions .solutionstop .solutionstopleft{height:12px;border-bottom: 1px solid #ccc; width: 400px;}
.solutions .solutionstop{width: 1004px; margin:0  auto; padding-top: 63px;}
.solutions .solutionstop .solutionstopright{height:12px;border-bottom: 1px solid #ccc;width: 400px;}
.solutions .solutionstop .solutionstopcenter{margin: 0 15px 0 20px;}
.solutions .solutionstop .solutionstopcenter h2{font-size:24px;color:#333; }
.solutions .solutionstop .solutionstopcenter span{font-size:14px;color:#999; margin-left: 35px; }

.solutions .solutionscontent{width: 1065px; margin:0 auto; overflow: hidden}
.solutions .solutionscontent p{font-size:14px;color:#999; text-align: center; margin-top: 29px;}
.solutions .solutionscontent ul{margin-top: 80px; width: 1145px;}
.solutions .solutionscontent ul li{ width: 162px; margin-right: 67px; float:left;}
.solutions .solutionscontent ul li h3{ffont-size:18px; color:#333; margin-top: 20px;text-align: center}
.solutions .solutionscontent ul li span{display:block;font-size: 12px; color:#999; margin-top: 10px; text-align: center }

.case{ height: 430px; background:#fafafa; padding-bottom: 150px; margin-bottom: -200px}
.case .serve-content .serve-content-head .content-top{ color: #666; font-size: 14px; font-weight: bold; margin: 10px 0 20px -18px;}
.case-banner{ width: 1248px; margin-top: 30px;}
.case-banner .case-img{ position: relative; width: 324px; margin-left: 40px;}
.case-banner .case-img1{ margin-left: 20px;}
.case-banner .case-img .tuceng{ position:absolute; left:0; bottom:0; width:100%;}
.case-banner .case-img .tuceng .bg{ background:#000; width:100%; height:46px; position:absolute; left:0; bottom:0; opacity:0.4; filter:alpha(opacity:40);}
.case-banner .case-img .tuceng p a{font-size:14px; color:#fff; position: relative; padding: 0 0 10px 40px; display: block;}
.case-banner .case-img img { width: 324px;  height: 210px;;}
.case-banner .case-left a{ display: inline-block; width: 60px; height: 60px; background:url(../images/left.png); margin-top: 76px;}
.case-banner .case-right a{ display: inline-block; width: 60px; height: 60px; background:url(../images/right.png); margin-top: 76px; margin-right: 38px;}
.serve-content{ width: 1228px;}
.serve-content .serve-content-head .string1{ width: 418px; border-bottom: 1px solid #ccc; padding-top: 76px; margin-left: 100px;}
.serve-content .serve-content-head .string2{ width: 418px; border-bottom: 1px solid #ccc; padding-top: 76px; }
.serve-content .serve-content-head h2{ padding-top: 62px; font-size: 24px; color: #333; margin: 0 2px 0 28px;}